<div class="header_top">

	<div class="w">
		<div class="top_left l">
			<div class="lp l">
				<i></i>
				<div class="span">承德
					<div class="dress">
						<p>当前城市：<b>承德</b></p>
						<ul>
							<li>S<a href="index.html">石家庄</a></li>
							<li>B<a href="index.html">保定</a></li>
							<li>C<a href="index.html">沧州</a> <a href="index.html">承德</a></li>
							<li>H<a href="index.html">邯郸</a> <a href="index.html">衡水</a></li>
							<li>L<a href="index.html">廊坊</a></li>
							<li>Q<a href="index.html">秦皇岛</a></li>
							<li>T<a href="index.html">唐山</a></li>
							<li>X<a href="index.html">邢台</a></li>
							<li>Z<a href="index.html">张家口</a></li>
						</ul>
					</div>
				</div>
				<a href="#">[切换县区]</a>
			</div>
			<p class="rp l">欢迎光临本店！ <a class="login" href="login.html">请登录</a> <a class="register" href="register.html">免费注册</a></p>

		</div>
		<ul class="top_right r">
			<li class="l tab news">
				<a href="#">我的信息</a>
				<i class="jiao"></i>
				<p class="show"><a href="#">已买到的宝贝</a><a href="#">我的地址管理</a></p>
			</li>
			<li class="l red mgd">
				<i></i>
				<a href="#">我关注的店铺</a>
			</li>
			<li class="l red gwc">
				<i></i>
				<a href="gwc.html">购物车</a>
			</li>
			<li class="l tab ctrl">
				<a href="#">收藏夹</a>
				<i class="jiao"></i>
				<p class="show"><a href="#">收藏的宝贝</a><a href="#">收藏的店铺</a></p>
			</li>
			<li class="l tab phone">
				<i></i>
				<a href="#">手机版</a>
				<i class="jiao"></i>
				<img class="show" src="img/app.jpg" title="扫码下载APP" /></li>
			<li class="l tab help">
				<a href="#">商家支持</a>
				<i class="jiao"></i>
				<ul class="hel show">
					<li>
						<h3>商家:</h3>
						<a href="#">售后流程</a>
						<a href="#">购物流程</a>
						<a href="#">订购方式</a>
						<a href="#">常见问题</a>
						<a href="#">文章咨询</a>
						<a href="#">聚惠卡</a>
						<a href="#">认证商家</a>
						<a href="#">商学院</a>
						<a href="#">全面招商</a>
					</li>
					<li>
						<h3>帮助：</h3>
						<a href="#">帮助中心</a>
					</li>
				</ul>
			</li>
			<li class="l tab wang">
				<i></i>
				<a href="#">网站导航</a>
				<i class="jiao"></i>
				<ul class="show-wa show">
					<li class="Product l" style="width: 450px;">
						<h3 style="color: #f60;">产品分类 Product</h3>
						<ul>
							<li><a href="#">食品生鲜</a></li>
							<li><a href="#">服装服饰</a></li>
							<li><a href="#">个人化妆</a></li>
							<li><a href="#">手机数码</a></li>
							<li><a href="#">家用电器</a></li>
							<li><a href="#">家纺家居</a></li>
							<li><a href="#">酒类饮料</a></li>
							<li><a href="#">母婴用品</a></li>
						</ul>
					</li>
					<li class="Mark l">
						<h3 style="color: dodgerblue;">店铺街 Mark</h3>
						<ul>
							<li><a href="#">精选</a></li>
							<li><a href="#">女人</a></li>
							<li><a href="#">男人</a></li>
							<li><a href="#">家装</a></li>
							<li><a href="#">母婴</a></li>
							<li><a href="#">美妆</a></li>
							<li><a href="#">美食</a></li>
							<li><a href="#">数码</a></li>
						</ul>
					</li>
					<li class="About l" style="border: 0;">
						<h3>关于我们 About</h3>
						<ul>
							<li><a href="#">公司简介</a></li>
							<li><a href="#">管理团队</a></li>
							<li><a href="#">媒体报道</a></li>
							<li><a href="#">领导关怀</a></li>
							<li><a href="#">招贤纳士</a></li>
						</ul>
					</li>
				</ul>
			</li>
		</ul>
	</div>
</div>

<div class="w header_header">
	<h1 class="l left">
					<a href="index.html">
						<img src="img/logo_cd.jpg" title="logo"/>
					</a>	
				</h1>
	<div class="l center">
		<ul class="up">
			<li class="l first">宝贝</li>
			<li class="l">店铺</li>
		</ul>
		<div class="search">
			<input class="search_text" type="text" value="请输入关键词" onfocus="if(this.value=='请输入关键词'){this.value=''}" onblur="if(this.value==''){this.value='请输入关键词'}" />
			<input class="search_btn" type="button" value="搜 索" />
		</div>
		<ul class="down">
			<li class="l first"><a class="btn_list" listid="1000" href="list.html">灯饰</a></li>
			<li class="l"><a class="btn_list" listid="1001" href="list.html">私房菜</a></li>
			<li class="l"><a class="btn_list" listid="1002" href="list.html">丛台酒</a></li>
			<li class="l"><a class="btn_list" listid="1003" href="list.html">非凡旅游</a></li>
			<li class="l"><a class="btn_list" listid="1004" href="list.html">家具</a></li>
			<li class="l"><a class="btn_list" listid="1005" href="list.html">三星S6</a></li>
			<li class="l"><a class="btn_list" listid="1006" href="list.html">苹果</a></li>
		</ul>
	</div>
	<div class="right r">
		<a class="a1" href="#" title="七天包退"></a>
		<a class="a2" href="#" title="正品保障"></a>
		<a class="a3" href="#" title="闪电发货"></a>
	</div>
</div>

<div class="header_nav">
	<div class="w">
		<div class="l all_shop">
			全部商品分类
			<ul class="two_list">
				<li>
					<dl>
						<dt>食品生鲜</dt>
						<dd>
							<a href="#" target="_blank">保健食品</a>
							<a href="#" target="_blank">进口水果</a>
							<a href="#" target="_blank">糖果巧克力</a>
							<a href="#" target="_blank">牛奶乳品</a>
							<a href="#" target="_blank">坚果炒货</a>
							<a href="#" target="_blank">蜜饯果干</a>
						</dd>
					</dl>
					<div class="list first">

					</div>
				</li>
				<li>
					<dl>
						<dt>服装服饰</dt>
						<dd>
							<a href="#" target="_blank">女装馆</a>
							<a href="#" target="_blank">T恤</a>
							<a href="#" target="_blank">中长款半身裙</a>
							<a href="#" target="_blank">夹克/风衣</a>
							<a href="#" target="_blank">男装馆</a>
							<a href="#" target="_blank">内衣馆</a>
							<a href="#" target="_blank">户外鞋服</a>
							<a href="#" target="_blank">鞋帽</a>
							<a href="#" target="_blank">箱包馆</a>
						</dd>
					</dl>
					<div class="list">

					</div>
				</li>
				<li>
					<dl>
						<dt>个人化妆</dt>
						<dd>
							<a href="#" target="_blank">美容护肤</a>
							<a href="#" target="_blank">香水彩妆</a>
							<a href="#" target="_blank">面部护肤</a>
							<a href="#" target="_blank">洗发护发</a>
							<a href="#" target="_blank">身体护理</a>
							<a href="#" target="_blank">口腔护理</a>
						</dd>
					</dl>
					<div class="list">

					</div>
				</li>
				<li>
					<dl>
						<dt>手机数码</dt>
						<dd>
							<a href="#" target="_blank">网卡</a>
							<a href="#" target="_blank">热卖手机</a>
							<a href="#" target="_blank">手机配件</a>
							<a href="#" target="_blank">数码影音</a>
							<a href="#" target="_blank">智能设备</a>
							<a href="#" target="_blank">电脑</a>
						</dd>
					</dl>
					<div class="list">

					</div>
				</li>
				<li>
					<dl>
						<dt>家用电器</dt>
						<dd>
							<a href="#" target="_blank">大家电</a>
							<a href="#" target="_blank">生活电器</a>
							<a href="#" target="_blank">厨房电器</a>
							<a href="#" target="_blank">个人健康</a>
							<a href="#" target="_blank">五金家装</a>
						</dd>
					</dl>
					<div class="list">

					</div>
				</li>
				<li>
					<dl>
						<dt>家居日用</dt>
						<dd>
							<a href="#" target="_blank">家纺</a>
							<a href="#" target="_blank">家具</a>
							<a href="#" target="_blank">厨具</a>
							<a href="#" target="_blank">灯具</a>
							<a href="#" target="_blank">家装软饰</a>
							<a href="#" target="_blank">生活日用</a>
							<a href="#" target="_blank">办公用品</a>
						</dd>
					</dl>
					<div class="list">

					</div>
				</li>
				<li>
					<dl>
						<dt>酒类饮料</dt>
						<dd>
							<a href="#" target="_blank">酒水</a>
							<a href="#" target="_blank">冲调饮品</a>
							<a href="#" target="_blank">饮料饮品</a>
							<a href="#" target="_blank">茗茶</a>
						</dd>
					</dl>
					<div class="list">

					</div>
				</li>
				<li class="last">
					<dl>
						<dt>母婴用品</dt>
						<dd>
							<a href="#" target="_blank">尿裤湿巾</a>
							<a href="#" target="_blank">玩具</a>
							<a href="#" target="_blank">婴儿尿裤</a>
							<a href="#" target="_blank">孕妇装</a>
							<a href="#" target="_blank">孕婴奶粉</a>
							<a href="#" target="_blank">营养/辅食</a>
							<a href="#" target="_blank">孕婴洗护</a>
							<a href="#" target="_blank">喂养用品</a>
							<a href="#" target="_blank">童装童鞋</a>
						</dd>
					</dl>
					<div class="list">

					</div>
				</li>
			</ul>
		</div>
		<ul class="l nav">
			<li class="l"><a href="index.html">首页</a></li>
			<li class="l"><a href="index.html">食品生鲜</a></li>
			<li class="l"><a href="index.html">店铺街</a></li>
			<li class="l"><a href="index.html">积分商城</a></li>
			<li class="l"><a href="index.html">优惠活动</a></li>
			<li class="l"><a href="index.html">智能扫货</a></li>
			<li class="l"><a href="index.html">文章咨询</a></li>
		</ul>
	</div>
</div>
<script type="text/javascript">
	$(".list").load("data/commlist.html")
	$(".header_nav .all_shop .two_list>li").each(function(){
		var _index = $(this).index();
		$(this).find("dt").css('background-position',0+" "+-_index*24+"px")
	})
	if(getCookie("login")){
		var str = "";
		var name = getCookie("name");
		str += ' <p class="yonghu"> <a class="ming" href="#">'+name+'</a> <a class="tuichu" href="login.html"> 退出 </a></p>'
		$(".header_top .top_left .login").replaceWith(str);
	}else{
		$(".header_top .top_left .login").text("请登录");
	}
	$(".header_top .top_left").on("click",".yonghu .tuichu",function(){
		removeCookie("login")
		window.location.href = "login.html";
	})
</script>





















